<!-- 查询模块 -->
<div class="module-header" @click="hiddenSearch=!hiddenSearch">
    <!--                            <i :class="'fa-solid fa-angle-double-' + ( hiddenSearch ? 'down' : 'up') "></i>-->
    <i class="el-icon-search"></i>
    <el-link  type="primary" style="color:white;">条件搜索</el-link>
</div>
<el-card v-show="!hiddenSearch">
    <!-- 搜索区域 -->
    <div class="search-area">
        <el-row :gutter="24">
            <el-col :span="4"><el-input v-model="searchForm.title" placeholder="请输入标题"></el-input> </el-col>
            <el-col :span="16"><el-input v-model="searchForm.url" placeholder="请输入网址"></el-input> </el-col>

            <el-col :span="4" style="padding-top:8px;">
                <span :style="{fontWeight: 'bold', color: searchForm.status == 1 ? 'green' : 'red' }">状态</span>
                <el-switch style="    padding-left: 10px; padding-bottom: 6px;"
                           v-model="searchForm.status"
                           :active-value="1"
                           :inactive-value="0"
                           active-color="#13ce66"
                           inactive-color="#ff4949"
                >状态</el-switch>
            </el-col>
        </el-row>


        <el-input v-model="searchForm.keywords" placeholder="请输入关键词"></el-input>
    </div>
    <!-- 搜索按钮组 -->
    <div class="search-buttons">
        <el-button @click="searchByFilter" type="primary" icon="el-icon-search">搜索</el-button>
        <el-button type="success" icon="el-icon-refresh">重置</el-button>
    </div>
</el-card>